<!--
 *@开发者: 刘翔
 *@创建时间: 2024-04-28 11:52:21
 *@描述:全院15日再入院情况
!-->
<template>
	<div class="page-tile-24">
		<div class="page-tile-24-center">
			<formList
				class="formList-1"
				topHeightValue="8%"
				bottomHeightValue="92%"
				:formParameter="formParameter1"
				:data_list="data_list.slice(0, data_list.length / 2)"
			/>
			<formList
				class="formList-2"
				topHeightValue="8%"
				bottomHeightValue="92%"
				:formParameter="formParameter2"
				:data_list="data_list.slice(data_list.length / 2)"
			/>
		</div>
		<div class="page-tile-24-bottom">
			<span v-html="card1.text1"></span>
		</div>
	</div>
</template>

<script>
import formList from '../components/formList/formList'

export default {
	// 组件名称
	name: 'pageTile24',
	// 组件参数 接收来自父组件的数据
	props: {},
	// 局部注册的组件
	components: {
		formList
	},
	// 组件状态值
	data () {
		return {
			card1: {},
			data_list: [],
			formParameter1: [
				{ width: '50%', title: "科室" },
				{ width: '25%', title: "病例数" },
				{ width: '25%', title: "平均间隔天数" }],
			formParameter2: [
				{ width: '50%', title: "科室" },
				{ width: '25%', title: "病例数" },
				{ width: '25%', title: "平均间隔天数" }],
		}
	},
	// 计算属性
	computed: {},
	// 侦听器
	watch: {},
	// 组件方法
	methods: {
		init (data) {
			this.data_list = data.data_list;
			//内容
			this.cardData(data.desc);
		},
		//卡片内容
		cardData (desc) {
			this.card1 = {
				text1: desc['描述'],
			}
		}
	},
	created () {
	},
	mounted () {
	},
}
</script>

<style lang="less" scoped>
	.page-tile-24 {
		height: 100%;
		.page-tile-24-center {
			display: flex;
			margin-bottom: 30px;
			height: 82%;
			.formList-1 {
				margin: 0 10px;
			}
			.formList-2 {
				margin: 0 10px;
			}
		}
		.page-tile-24-bottom {
			margin: 0 20px;
			padding: 2%;
			display: flex;
			align-items: center;
			height: 12%;
			font-size: 1.7rem;
			line-height: 40px;
			background: #fff2ca;
			border-radius: 16px;
			border: 1px solid #000;
		}
	}
</style>
